﻿/* style in background -----------------------------------------------------------------------------*/
/*.module
{
    background-color:White;
    filter:alpha(opacity=70);
    opacity:0.7;
}*/
/*****Rung Add*****/
.moduleContent490
{
	width: 490px;
	background: url('../App_UI/Images/PageViews/ModuleContent490.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}
.moduleDivBottom490
{
	background: url('../App_UI/Images/PageViews/ModuleBottom490.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.moduleContent780
{
	width: 490px;
	background: url('../App_UI/Images/PageViews/ModuleContent780.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
}
.moduleDivBottom780
{
	background: url('../App_UI/Images/PageViews/ModuleBottom780.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 12px;
}
.moduleContent1000
{
	width: 1000px;
	background: url('../App_UI/Images/PageViews/ModuleContent1000.jpg') no-repeat;
	margin-bottom: 15px;
	padding-top: 5px;
	font-size: 13px;
}
.moduleDivBottom1000
{
	background: url('../App_UI/Images/PageViews/ModuleBottom1000.gif') no-repeat bottom;
	color: #252f34;
	padding: 0px 0px 5px 0px;
	line-height: 16px;
	font-size: 13px;
}

.contentPaneDiv
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.bigModule
{
	width: 760px;
	background: url(../APP_UI/Image/Background/qsfModuleTop.jpg) no-repeat;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottom
{
	background: url(../APP_UI/Image/Background/qsfModuleBottom.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottom div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottom {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Popup */

.bigModulePopup
{
	width: 700px;
	background: url(../APP_UI/Image/Background/qsfModulePopup.jpg) no-repeat;
	margin-top: 5px;
	height: 501px;
}

.bigModuleBottomPopup
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomPopup.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

/* bigModule-Full */

.bigModuleFull
{
	width: 1000px;
	background: url(../APP_UI/Image/Background/qsfModuleTopFull.jpg) no-repeat;
	margin-top: 5px;
}

.bigModuleBottomFull
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomFull.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.qsfModuleBottomBlankR
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomBlankR.jpg) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomFull div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomFull {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Pane-Full */

.bigModulePaneFull
{
	width: 960px;
	background: url(../APP_UI/Image/Background/qsfModuleTopPaneFull.jpg) no-repeat;
	margin-left: 5px;
	margin-top: 5px;
}

.bigModuleBottomPaneFull
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomPaneFull.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomPaneFull div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomPaneFull {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Left */

.bigModuleLeft
{
	width: 234px;
	background: url(../APP_UI/Image/Background/qsfModuleTopLeft.jpg) no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottomLeft
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomLeft.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomLeft div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomLeft {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Right */

.bigModuleRight
{
	width: 614px;
	background: url(../APP_UI/Image/Background/qsfModuleTopRight.jpg) no-repeat;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottomRight
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomRightTree.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomRight div.title {
    margin-bottom: 5;
    padding: 13px 0;
}

div.bigModuleBottomRight {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}


/* bigModule-Left-Tree */

.bigModuleLeftTree
{
	width: 380px;
	background: url(../APP_UI/Image/Background/qsfModuleTopLeftTree.jpg) no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottomLeftTree
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomLeftTree.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomLeftTree div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomLeftTree {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Left-Tree-Tab */

.bigModuleLeftTreeTab
{
	width: 340px;
	background: url(../APP_UI/Image/Background/qsfModuleTopLeftTreeTab.jpg) no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottomLeftTreeTab
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomLeftTreeTab.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomLeftTreeTab div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomLeftTreeTab {
    padding: 7px 2px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Right-Tree */

.bigModuleRightTree
{
	width: 614px;
	background: url(../APP_UI/Image/Background/qsfModuleTopRightTree.jpg) no-repeat;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottomRightTree
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomRightTree.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomRightTree div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomRightTree {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Blank */

.bigModuleBlank
{
	width: 750px;
	background: url(../APP_UI/Image/Background/qsfModuleTopBlank.jpg) no-repeat;
	margin-left: 16px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.bigModuleBlankR
{
	width: 750px;
	background: url(../APP_UI/Image/Background/qsfModuleTopBlankR.jpg) no-repeat;
	margin-left: 16px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.bigModuleBottomBlank
{
	background: url(../APP_UI/Image/Background/qsfModuleBottom.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomBlank div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomBlank {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Blank-Tree */

.bigModuleBlankTree
{
	width: 614px;
	background: url(../APP_UI/Image/Background/qsfModuleTopBlankTree.jpg) no-repeat;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.bigModuleBottomBlankTree
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomRightTree.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomBlankTree div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomBlankTree {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}

/* bigModule-Register */

.bigModuleRegister
{
	width: 604px;
	background: url(../APP_UI/Image/Background/qsfModuleRegister.jpg) no-repeat;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.bigModuleBottomRegister
{
	background: url(../APP_UI/Image/Background/qsfModuleBottomRightTree.gif) no-repeat bottom;
	padding: 23px 17px;
	line-height: 16px;
	font-size: 12px;
}

.bigModuleBottomRegister div.title {
    margin-bottom: 0;
    padding: 13px 0;
}

div.bigModuleBottomRegister {
    padding: 7px 5px;
    font: 13px 'Segoe UI' , Arial, sans-serif;
}


/* small module */

div.smallModule
{
	float: right;
	background-color: #e4f6ff;
}

div.smallModule *
{
	font-family: 'Segoe UI', Calibri, sans-serif;
}

.smallModule .rc3
{
	min-width: 270px;
	min-height: 210px;
	padding: 10px;
	overflow: hidden;
}

* html .smallModule .rc3
{
	width: 270px;
	height: 210px;
}

.smallModule,
.smallModule .rc1,
.smallModule .rc2,
.smallModule .rc3
{
	background: url('../APP_UI/Image/Background/qsfSmallModule.gif') no-repeat top left;
}

.smallModule .rc1 { background-position: 100% 0; }
.smallModule .rc2 { background-position: 0 100%; }
.smallModule .rc3 { background-position: 100% 100%; }

.smallModule .title
{
	border-bottom: 1px solid #333;
	display: block;
	margin: 10px;
	text-indent: 3px;
}

/* Tree View List*/

.tree-module
{
	width: 320px;
	height: 350px;
	padding: 23px 0px;
	background: transparent url('../APP_UI/Image/module.png') no-repeat 0 0;
	float:left;
}

.command-list
{
    padding:0;
    margin:0;
}
    
.command-item
{
    padding-left:10px;
    padding-right:10px;
    border-left: solid 1px #b1d8eb;
    float:left;
}
    
ul.main-treeview-list
{
    list-style:none;
    padding:0;
    margin:0;
}
    
li.main-treeview-item
{
    float:left;
    padding-left:7px;
    padding-right:7px;
    border-left: solid 1px #b1d8eb;
}    

div.text
{
    font: 13px 'Segoe UI' , Arial, sans-serif;
    color: #4888a2;
    padding: 6px 18px;
    display: block;
}

/* style in body ----------------------------------------------------------------------------------*/

body 
{
	margin: 0 0 0 0;	
}

/* style in RadCalendar FastNavigator ----------------------------------------------------------------------------------*/

.RadCalendarFastNavPopup
{
    z-index: 10000 !important;
}

/* style in help ----------------------------------------------------------------------------------*/

.table-outlook-header
{
	background-image: url('../APP_UI/Image/Tree/outlook-header.gif');
}

.table-telerik-header
{
	background-image: url('../APP_UI/Image/Grid/table-telerik-header.gif');
	height: 25px; 
}

/* style in multipage ----------------------------------------------------------------------------- */

.multiPage
{
	display: -moz-inline-box;
	display: inline-block;
	position: relative;
	margin-bottom: -3px;
	color:#ffffff !important;
}

.pageView
{
    border: 1px solid #898c95;
    margin-top: -1px;
    height: 100%;
    /* height: 381px; */
}

.pageView2
{
    border: 1px solid #898c95;
    margin-top: -1px;
    height: 445px;
}

.pageView3
{
    border: 1px solid #898c95;
    margin-top: -1px;
    height: 424px;
}

.exampleWrapper
{
    padding: 5px;
    background: white;
    float: left;
}

/* style of font ----------------------------------------------------------------------------------*/

.RadComboBox .rcbInputCell .rcbInput{  
	font-family: Microsoft Sans Serif;
	font-size: 13px;
	/*position: absolute;*/
} 

.panelBlank
{
	height: 433px;	
}

.panelBlankTab
{
	height: 363px;	
}

.panelGrid	
{
	height: 341px;	
}

.panelGridTab
{
	height: 310px;	
}

.panelList	
{
	height: 341px;	
	font-family: Microsoft Sans Serif;
	font-size: 13px;
}

.panelListTab
{
	height: 310px;	
	font-family: Microsoft Sans Serif;
	font-size: 13px;
}

.panelTree
{
	height: 350px;	
	width: 335px;
}

.panelWideTree
{
	height: 298px;	
	width: 335px;
}

a.button-next-background
{
	background: transparent url('../APP_UI/Image/Button/button.jpg') no-repeat 0 0;
	display:block;
	width:73px;
	height:21px;
	line-height: 21px;
	text-decoration: none;
	color: #000;
	text-align:center;
	font-size: 13px;
	font-family:Microsoft Sans Serif;
}

a.button-send-background
{
	background: transparent url('../APP_UI/Image/Button/button.gif') no-repeat 0 0;
	display:block;
	width:93px;
	height:21px;
	line-height: 21px;
	text-decoration: none;
	color: #fff;
	text-align:center;
	font-size: 13px;
	font-family:Microsoft Sans Serif;
	font-weight:bold;
}

.RadGrid A:hover
{ 
	font-size: 13px; 
	font-family: Microsoft Sans Serif;
	color: orange 
}

/* radgrid font*/
.RadGrid tr
{ 
	font-size: 13px;
	font-family: Microsoft Sans Serif;
}

/* radgrid group header font*/
.RadGrid td
{ 
	font-size: 13px;
	font-family: Microsoft Sans Serif;
}

/* radtreeview font*/
.TreeView .rtIn
{ 
	font-size: 13px;
	font-family: Microsoft Sans Serif;
}

.normal-node 
{ 
	color:Black;
}

.approve-node .rtIn
{
	color : Lime;
}

A.LinkButton:active
{ 
	font-size: 13px; 
	font-family: Microsoft Sans Serif;
	color: Black;
	text-decoration: none;
}

A.LinkButton:hover 
{ 
	font-size: 13px; 
	font-family: Microsoft Sans Serif;
	color: orange;
	text-decoration: none;
}

A.LinkButton 
{ 
	font-size: 13px; 
	font-family: Microsoft Sans Serif;
	color: blue;
	TEXT-DECORATION: none;
}

.RadNumericTextBox 
{ 
	font-family: Microsoft Sans Serif;
	height: 22px;
}

.formList
{
	width: 80%;
	list-style: none;
	padding: 0 0 0 23px;
}

.formList li
{
	border-bottom: 1px solid #959485;
	padding: 5px 0px;
}

.formList-detail
{
	border-bottom: 1px solid #959485;
	padding: 5px 0px;
}

.formList-last
{
	border-bottom: none;
	padding: 5px 0px;
}

.header-grid
{
	border-bottom: 3px double #959485;
	padding-top: 7px;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 98%;
	color: #567DB0;
	font-weight: bold;
	font-size: 24px;
	font-family: Browallia New;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.header-grid-detail
{
	border-bottom: 1px solid #959485;
	padding: 5px 5px;
	margin-bottom: 5px;
	width: 93%;
	color: Gray;
	font-weight: bold;
	font-size: 20px;
	font-family: Browallia New;
}

.header-grid-center
{
	border-bottom: 3px double #959485;
	padding: 5px 5px;
	padding-top: 7px;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 94%;
	color: #567DB0;
	font-weight: bold;
	font-family: Browallia New;
	FONT-SIZE: 30px;
}

.header-name-center
{
	border-bottom: 3px double #959485;
	padding: 5px 5px;
	padding-top: 7px;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 94%;
	font-weight: bold;
	font-family: Browallia New;
	FONT-SIZE: 22px;
}

.end-question
{
	border-bottom: 1px solid #63b3d5;
}

.font-panel-bar
{
	font-family: Microsoft Sans Serif;
	font-size: 13px;
	text-align:left;
}

.font-menu
{
	font-family: Microsoft Sans Serif;
	font-size: 13px;
}

.font-label
{
	font-family: Microsoft Sans Serif;
	font-size: 13px;
	color: Black;
}

.font-objective
{
	font-family: Microsoft Sans Serif;
	font-size: 22px;
	font-weight: bold;
}

.font-remark
{
	font-family: Microsoft Sans Serif;
	font-size: 21px;
	font-weight: bold;
}

.TextBox
{
	font-family: Microsoft Sans Serif;
	font-size: 13px;
	
}

.font-fieldset
{
	font-family: Browallia New;
	font-size: 20px;
	font-weight: bold;
	color: Gray;
}

.RadSplitter .rspSlideTitle,
/* RadSlidingPane tab text */
.RadSplitter .rspPaneTabText
{
	font:13px "Microsoft Sans Serif" !important;
}    
DIV.rspSlideTitle
{    
}

/* style of button ----------------------------------------------------------------------------------*/

.greenButton
{
	background: transparent url(../APP_UI/Image/Button/button_green.gif) no-repeat left top;
	border: none;
	width: 90px;
	height: 28px;
}

.blueButton
{
	background: transparent url(../APP_UI/Image/Button/button_blue.gif) no-repeat left top;
	color : White;
	font-family: Microsoft Sans Serif;
	font-size: 13px;
	border: none;
	width: 93px;
	height: 21px;
}

/* style of login ----------------------------------------------------------------------------------*/

.login-background
{
	width: 329px;
	height:266px;
	background: transparent url('../APP_UI/Image/Background/Login.gif') no-repeat 0 0;
	position:relative;
}

.register-form
{
	list-style:none;
	position:absolute;
	top: 225px;
	width:280px;
	padding:0;
	margin:0;
	left: 20px;
}

.login-form
{
	list-style:none;
	position:absolute;
	top: 70px;
	width:280px;
	padding:0;
	margin:0;
	left: 20px;
}

.login-form label
{
	font-size: 13px;
	font-family:Microsoft Sans Serif;
	font-weight:bold;
	float:left;
	width: 90px;
	margin-top:4px;
	color: #fff;
	text-align: right;
}

.validator
{
	margin: 4px 0 4px 75px;
	color: #ffde01 !important;
	display:block;
}

a.form-button
{
	background: transparent url('../APP_UI/Image/Button/button.jpg') no-repeat 0 0;
	display:block;
	width:73px;
	height:21px;
	line-height: 21px;
	text-decoration: none;
	color: #000;
	text-align:center;
	font-size: 13px;
	font-family:Microsoft Sans Serif;
	font-weight:lighter;
}

.login-title
{
	font-size: 13px;
	font-family:Microsoft Sans Serif;
	font-weight: bold;
	color:#fff;
	position: absolute;
	top: 23px;
	left: 82px;
}

/* style in ConfiguratorPanel in App_Code -----------------------------------------------------------*/

.moduleDivSlim
{
	width: 100%;
	padding-top: 5px;
}

.moduleDivBottom
{
	color: black;
	padding: 0px 0px 5px 0px;
	font-size: 12px;
}

a.moduleDivSlimCollapsible {
    display: block;
    font-size: 13px;
    font-weight: bold;
	line-height:25px;
    color: #63b3d5;
    width: 100%;
    padding-bottom:5px;
    padding-left: 10px;
    text-decoration:none;
}

a.moduleDivSlimCollapsible:hover {
    color: orange;
}
a.moduleDivSlimCollapsible .configTitle
{
	background-position: -17px -7px;
	text-decoration: underline;
	/*position: absolute;*/
	padding-right: 10px;
	cursor: pointer;
}

a.moduleDivSlimCollapsible .configTitle,
a.moduleDivSlimCollapsible .configLine,
span.configButton
{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
}

a.moduleDivSlimCollapsible .configLine
{
	background: transparent url('../APP_UI/Image/Grid/Pixel.gif') repeat-x 0 50%;
	margin-right: 5px;
	width: 80%;
	cursor:pointer;
}

.moduleDivSlimContent:after
{
	clear:both;
	content: "";
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0;
}

span.configButton
{
	vertical-align:middle;
	width: 25px;
	height: 25px;
	cursor:pointer;
}

span.toggleUp
{
	background: transparent url('../APP_UI/Image/Grid/UpArrow.gif') no-repeat 0 0;
}

span.toggleDown
{
	background: transparent url('../APP_UI/Image/Grid/DownArrow.gif') no-repeat 0 0;
}
.DivInfo
{
	background-color: #D8DFEA;
	border: solid 1px #bbc3d0;
	padding: 10px;
}
